<template>
  <div>
    <!-- <h1>设置</h1> -->
    <van-nav-bar title="设置" left-text left-arrow @click-left="onClickLeft" />
    <!--  -->
    <van-cell is-link @click="show">地址管理</van-cell>
    <van-cell is-link @click="show">
      账户安全
      <span class="span">修改手机号/密码</span>
    </van-cell>
    <van-cell is-link @click="show">帖子/文章正文字号</van-cell>
    <van-cell title="夜间模式">
      <van-switch v-model="checked1" size="18" />
    </van-cell>
    <van-cell center title="3G/4G网络下仍显示高清图片">
      <template #right-icon>
        <van-switch v-model="checked2" size="18" />
      </template>
    </van-cell>
    <van-cell title="扫码加钓友" is-link />
    <van-cell title="我的二维码" is-link />
    <van-cell title="推荐给好友" is-link />
    <van-cell title="邀请好友" is-link value="领红包" />
    <van-cell title="打分支持钓鱼人" is-link />
    <van-cell title="用户使用协议" is-link />
    <van-cell title="隐私政策" is-link />
    <van-cell title="清除缓存" is-link value="11.6M" />
    <van-button type="danger" block>退出登录</van-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      checked1: false,
      checked2: false
    };
  },
  methods: {
    onClickLeft() {
      //跳转--我的页面
      // alert(123);
      this.$router.push({
        name: '我的'
      });
    },
    show() {
      alert('地址管理,新增地址');
    }
  }
};
</script>
<style scoped>
.span {
  float: right;
  color: gray;
  font-size: 1.4rem;
}
</style>